<%-- 
    Document   : V_TiposEvaluacion
    Created on : 07-mar-2015, 17:16:22
    Author     : JoseHernan
--%>
<%@page import="db.DB_TipoRespuesta"%>
<%@page import="beans.B_TipoRespuesta"%>
<%@page import="db.DB_Pregunta"%>
<%@page import="beans.B_Pregunta"%>
<%@page import="db.DB_PreguntaTipoEvaluacion"%>
<%@page import="beans.B_PreguntaTipoEvaluacion"%>
<%@page import="db.DB_RespuestaAuditoria"%>
<%@page import="beans.B_RespuestaAuditoria"%>
<%@page import="java.util.ArrayList"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%
    String idPregunta = request.getParameter("idPregunta");
    ArrayList<B_Pregunta> listPregunta = DB_Pregunta.get(Integer.parseInt(idPregunta));
    B_Pregunta objPregunta = listPregunta.get(0);
    ArrayList<B_TipoRespuesta> listTipoRespuesta = DB_TipoRespuesta.getList(0);
%>
<div id="form_xsis" name="form_xsis" class="form-horizontal" style="width: 700px;">
    <div class="modal-header">
        <button id="closeModal1" type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
        <h4 class="" style="font-weight: 400">Tipo de Evaluación</h4>
    </div>
    <div class="modal-body">
        <div class="row">
            <div class="col-xs-12 col-sm-12">
                <h5 class="page-title" style="font-size: 15px;"><strong>Pregunta: </strong> <%=objPregunta.getPregunta()%></h5>
            </div>
        </div>
        <%
            ArrayList<B_PreguntaTipoEvaluacion> listTiposEva = DB_PreguntaTipoEvaluacion.getListByIdPregunta(Integer.parseInt(idPregunta));
            if (!listTiposEva.isEmpty()) {
        %>
        <div class="row">
            <%
                for (B_PreguntaTipoEvaluacion objPreguntaTipoEvaluacion : listTiposEva) {
                    ArrayList<B_RespuestaAuditoria> listRespuestaAuditoria = DB_RespuestaAuditoria.getListByIdPreguntaTipoEvaluacion(objPreguntaTipoEvaluacion.getId());
            %>
            <div class="col-xs-12 col-sm-12">
                <div class="row">           
                    <div class="col-xs-12 col-sm-12">
                        <div class="dashboard-stat blue-madison" style="margin-bottom: 0px;">
                            <div class="visual">
                                <i class="fa fa-comments"></i>
                            </div>
                            <div class="details">
                                <div class="number">
                                    <%=objPreguntaTipoEvaluacion.getObjTipoEvaluacion().getDescripcion() %>
                                </div>
                                <div class="desc">
                                    <%
                                        String idRespuestaAuditoriaCumplimiento = String.valueOf(objPreguntaTipoEvaluacion.getId());
                                        String metodoRespuesta = "saveRespuestaTipoEvaluacion(" + idRespuestaAuditoriaCumplimiento + ");";
                                        int idTipoRespuesta = 0;
                                        if (listRespuestaAuditoria.size() > 0) {
                                            B_RespuestaAuditoria objRespuestaAuditoria = listRespuestaAuditoria.get(0);
                                            idTipoRespuesta = objRespuestaAuditoria.getObjTipoRespuesta().getId();
                                            metodoRespuesta = "updateRespuestaTipoEvaluacion(" + idRespuestaAuditoriaCumplimiento + "," + objRespuestaAuditoria.getId() + ");";
                                        }
                                    %>
                                    <select id="idPreguntaTipoEvaluacion_<%=objPreguntaTipoEvaluacion.getId()%>" onchange="<%=metodoRespuesta%>" style="color: black;">
                                        <%
                                            if (listTipoRespuesta.size() > 0) {
                                                if (listRespuestaAuditoria.isEmpty()) {
                                        %>
                                        <option value="-">-</option>
                                        <%
                                            }
                                            for (B_TipoRespuesta objTipoRespuesta : listTipoRespuesta) {
                                        %>
                                        <option value="<%=objTipoRespuesta.getId()%>" <% if (idTipoRespuesta == objTipoRespuesta.getId()) {
                                                out.print(" selected");
                                            }%>><%=objTipoRespuesta.getDescripcion()%></option>
                                        <%
                                                }
                                            }
                                        %>
                                    </select>
                                </div>
                            </div>
                            <%
                                if (!listRespuestaAuditoria.isEmpty()) {
                                    B_RespuestaAuditoria objRespuestaAuditoria = listRespuestaAuditoria.get(0);
                            %>
                            <div class="row more">
                                <div class="col-xs-12 col-sm-9" style="text-align: right;">
                                    <a title="Comentario" class="more" style="cursor: pointer;" onclick="changeDataModalCustom3('View/RespuestaAuditoria/V_Comentario.jsp?idRespuestaAuditoria=<%=objRespuestaAuditoria.getId()%>', '40%')">
                                        <span>Comentario </span><i class="fa fa-bars" style="float: none;"></i>
                                    </a>
                                </div>
                                <div class="col-xs-12 col-sm-3" style="text-align: right;">
                                    <a title="Evidencias" class="more" style="cursor: pointer;" onclick="changeDataModalCustom3('View/RespuestaAuditoria/V_Evidencias.jsp?idRespuestaAuditoria=<%=objRespuestaAuditoria.getId()%>', '40%')">
                                        <span>Evidencias </span><i class="fa fa-camera" style="float: none;"></i>
                                    </a>
                                </div>
                            </div>
                            <%
                                }
                            %>
                        </div>
                    </div>
                    <!--<div class="col-xs-12 col-sm-1">
                        <a class="btn btn-default btn-min" title="Evidencias"><i class="fa fa-camera"></i></a>
                    </div>-->
                </div>
                <div class="row">
                    <div class="col-xs-12 col-sm-12">
                        <div style="background-color: #5890BE; color: white; font-family: 'Open Sans', sans-serif; margin-bottom: 15px; padding: 10px;">
                            <strong><i class="fa fa-bars"></i> Requerimientos</strong>
                            <div><%=objPreguntaTipoEvaluacion.getRequerimiento()%></div>
                        </div>
                    </div>
                </div>
            </div>
            <%
                }
            %>
        </div>
        <%
        } else {
        %>
        <div class="alert alert-warning">No se encontraron Tipos de Evaluación para esta pregunta.</div>      
        <%
            }
        %>
    </div>
    <div class="modal-footer">
        <button id="closeModal52" type="button" class="btn default" data-dismiss="modal">Cerrar</button>
    </div>
</div>
<input type="hidden" id="hdIdPregunta" value="<%=idPregunta%>">
<script>
    function saveRespuestaTipoEvaluacion(idPreguntaTipoEvaluacion) {
        $.post("C_RespuestaAuditoria", {
            action: "n",
            idPlanAuditoria: $("#idPlanAuditoria").val(),
            idTipoRespuesta: $("#idPreguntaTipoEvaluacion_" + idPreguntaTipoEvaluacion).val(),
            idPreguntaTipoEvaluacion: idPreguntaTipoEvaluacion
        }, function (data) {
            if (data === "OK") {
                refreshTiposEvaluacion();
            } else {
                alert(data);
            }
        });
    }
    function updateRespuestaTipoEvaluacion(idPreguntaTipoEvaluacion, idRespuestaAuditoria) {
        $.post("C_RespuestaAuditoria", {
            action: "u",
            idPlanAuditoria: $("#idPlanAuditoria").val(),
            idTipoRespuesta: $("#idPreguntaTipoEvaluacion_" + idPreguntaTipoEvaluacion).val(),
            idPreguntaTipoEvaluacion: idPreguntaTipoEvaluacion,
            id: idRespuestaAuditoria
        }, function (data) {
            if (data === "OK") {
                refreshTiposEvaluacion();
            } else {
                alert(data);
            }
        });
    }
    function refreshTiposEvaluacion() {
        var idPregunta = $("#hdIdPregunta").val();
        changeDataModalCustom2('View/RespuestaAuditoria/V_TiposEvaluacion.jsp?idPregunta=' + idPregunta, '45%');
    }
</script>